#container{
    /*地图(容器)显示大小*/
     width: 100%;
     height: calc(100vh - 6rem) 
}
 .divider {
     width:100%;
     height:0.02rem;
     background:#e5e5e5;
}
 .location {
     width:1rem;
     height:1rem;
     position:absolute;
     bottom:6.2rem;
     left:0.3rem;
     z-index:1001 
}
 .centerLocation {
     position:absolute;
     top:50%;
     left:50%;
     width:0.4rem;
     height:0.62rem;
     text-align:center;
     margin-top:-0.34rem;
     margin-left:-0.2rem;
}
 .unlockUI {
     background:#fff;
     z-index:999;
     height: 6rem;
     border-top-left-radius:0.2rem;
     border-top-right-radius:0.2rem;
}
 .customNoImg {
     display:inline-block;
     width:0.4rem;
     height:0.28rem;
     vertical-align:middle;
     border-bottom:0.02rem solid #e5e5e5;
     margin-right:0.1rem;
}
 .customnoTxt {
     color:#a4a4a4;
}
 .unlockPark {
     width:0.76rem;
     height:0.72rem;
     margin-right:0.2rem;
}
 .unlockTitle {
     display:flex;
     align-items:center;
     height:0.8rem;
     width:100%;
     justify-content:center;
     font-size:0.28rem;
     border-bottom: 0.02rem solid #e8e8e8;
}
 .loadingImg {
     margin-top: 1rem;
     width: 1.2rem;
     height: 1.2rem;
     animation: headRotate 3s linear infinite;
}
 .readyTxt {
     margin-top: 0.5rem;
     font-size: 0.3rem;
     font-weight: 600;
}
/* 头像旋转效果 */
 @keyframes headRotate {
     0% {
         transform: rotate(0deg);
    }
     50% {
         transform: rotate(180deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
 .readyUnlock {
     display: flex;
     align-items: center;
     width: 100%;
     height: 100%;
     flex-direction: column;
    /* margin-top: 100rpx;
     */
}
 .unlockArea {
     display:flex;
     height:1.7rem;
     align-items:center;
     justify-content:center;
     border-bottom: 0.02rem solid #e8e8e8;
}
 .unlockTxt {
     display:flex;
     font-size:0.28rem;
     color:#a4a4a4;
}
 .unlockTxt_title {
     color:#222222;
     font-weight:bold;
	 font-size .32rem
}
 .unlockMileage {
     display:flex;
     font-size:0.36rem;
     color:#222222;
     margin-top:0.4rem;
     margin-bottom:0.16rem;
     font-weight:bold;
     align-items:center;
     justify-content:center;
}
 .unlockAreaBottom {
     display:flex;
     flex-direction:column;
     height:3.54rem;
     align-items:center;
}
 .unlockButtonArea {
     display:flex;
     width:100%;
     align-items:center;
     justify-content:space-around;
     margin-top:0.5rem;
}
 .unlockCancel {
     border:0.02rem solid #FEDA01;
     background:#fff;
     width:3.14rem;
     line-height:0.9rem;
     height:0.9rem;
     border-radius:0.46rem;
     color:#222222;
     text-align:center;
     font-size:0.36rem;
     font-weight:bold;
}
 .unlockConfirm {
     background:#FEDA01;
     width:3.14rem;
     line-height:0.9rem;
     height:0.9rem;
     border-radius:0.46rem;
     color:#222222;
     text-align:center;
     font-size:0.36rem;
     font-weight:bold;
}
 